<!--
 * @Author: wuheng wuheng@szhbzc.com
 * @Date: 2024-12-23 11:16:44
 * @LastEditors: wuheng wuheng@szhbzc.com
 * @LastEditTime: 2024-12-23 11:19:49
 * @FilePath: \web-appc:\Users\wuheng\Desktop\WugangNew\src\views\dishmana\dishbom\components\Consuminfo.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <!-- <pb-table :column="bominfoColumn" :tableData="dishbominfoData" show-summary>
      <template #price></template>
</pb-table> -->
    <el-table :data="ConsumablesData" show-summary>
      <el-table-column type="index" label="序号" width="120" />
      <el-table-column prop="skuName" label="名称" width="180" />
      <el-table-column prop="spuCommonlyName" label="最小单位" />
      <el-table-column prop="minimumUnit" label="价格(元)" />
      <el-table-column prop="specifications" label="规格" />
      <el-table-column prop="minimumUnit" label="数量" />
      <el-table-column prop="numbers" label="成本(元)" />
    </el-table>
  </div>
</template>

<script lang="ts" setup>
import { GetDishBomConsumablesApi } from '@/api/Dashmana'
const props = defineProps({
  Bomdata: {
    type: Object,
    default: {}
  }
})
const getBomlistfn = () => {
  GetDishBomConsumablesApi({
    "currentPage": 1,
    "pageSize": -1,
    "sortingFields": [
      {
        "field": "",
        "order": ""
      }
    ],
    "dishId": props.Bomdata.dishId
  }).then((res: any) => {
    ConsumablesData.value = res.data ? res.data.records : []
  })
}
const ConsumablesData = ref([
])
onMounted(() => {
  getBomlistfn()
})
</script>

<style lang="scss" scoped></style>
